<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<jsp:include page="../header.jsp" />

<style>
td {
	min-width: 30%;
}
</style>

<table>
	<form:form id="form2" commandName="currentUser">

		<tr>
			<td>Imię:</td>
			<td><input type="text" name="var0" value="${listOfUserDetails.get(0)}" /></td>
			<td><c:if test="${listOfUserDetailsErrors.get(0)}">
					<span style="color: red;">Imię powinno mieć długość między 2 a 15</span>
				</c:if></td>
		</tr>
		<tr>
			<td>Nazwisko:</td>
			<td><input type="text" name="var1" value="${listOfUserDetails.get(1)}" /></td>
			<td><c:if test="${listOfUserDetailsErrors.get(1) eq true}">
					<span style="color: red;">Nazwisko powinno mieć długość między 2 a 25</span>
				</c:if></td>
		</tr>
		<tr>
			<td>Hasło:</td>
			<td><input type="password" name="var2" value="${listOfUserDetails.get(2)}" /></td>
			<td><c:if test="${listOfUserDetailsErrors.get(2)}">
					<span style="color: red;">Hasło powinno mieć długość między 6 a 18</span>
				</c:if></td>
		</tr>
		<tr>
			<td>Data urodzenia:</td>
			<!-- zmienic na kalendarz! -->
			<td><input type="text" name="var3" id="datepicker" value="${listOfUserDetails.get(3)}" /></td>
			<td><c:if test="${listOfUserDetailsErrors.get(3)}">
					<span style="color: red;">Nieprawidłowa data urodzenia</span>
				</c:if></td>
		</tr>
		<tr>
			<td>Płeć:</td>
			<td><input type="radio" name="var4" value="Mężczyzna"> Mężczyzna <br> <input type="radio" name="var4" value="Kobieta"> Kobieta</td>
			<td><c:if test="${listOfUserDetailsErrors.get(4)}">
					<span style="color: red;">Błąd</span>
				</c:if></td>
		</tr>
		<tr>
			<td>Miejsce zamieszkania:</td>
			<td><input type="text" name="var5" value="${listOfUserDetails.get(5) }"/></td>
			<td><c:if test="${listOfUserDetailsErrors.get(5)}">
					<span style="color: red;">Miejsce zamieszkania powinno miec długość między 2 a 25</span>
				</c:if></td>
		</tr>
		<tr style="height: 20px;"></tr>
		<tr>
			<td>Zainteresowania:<br>(oddziel przecinkami)
			</td>
			<td><textarea name="var6" style="min-width: 130px; min-height: 90px; max-width: 130px; max-height: 90px;">${listOfUserDetails.get(6) }</textarea></td>
			<td><c:if test="${listOfUserDetailsErrors.get(6)}">
					<span style="color: red;">Masz zbyt dużo zainteresowań, maksymalna ilość to 5 :)</span>
				</c:if></td>
		</tr>
		<tr>
			<td colspan="3" height="70px">Aby zmienić dane wprowadź aktualne hasło</td>
		</tr>
		<tr>
			<td>Aktualne hasło:</td>
			<td><input type="password" value="${listOfUserDetails.get(7)}" name="var7" /></td>
			<td><c:if test="${listOfUserDetailsErrors.get(7)}">
					<span style="color: red;">Nieprawidłowe hasło</span>
				</c:if></td>
		</tr>
		<tr>
			<!-- td></td -->
			<td align="right" colspan="2"><input type="submit" value="Wyślij" /></td>
			<!-- td></td -->
		</tr>

	</form:form>
</table>


<jsp:include page="../footer.jsp" />
